<template>
  <div>
    <input type="text" v-model="text"/>
    <button @click="add">添加</button>
  </div>
</template>
<script>
  // 固定语法 pinia提供的mapActions方法
  import { mapActions } from 'pinia';

  import { useTodoStore } from '../stores/todoStore';

  export default {
    data(){
      return{
        text:''
      }
    },
    methods:{
      // 第二个参数是数组 把actions中需要用到的方法 写在这里
      // 之后 就可以通过this.addTodo 访问到actions中的方法
      ...mapActions(useTodoStore,['addTodo']),
      add(){
        this.addTodo(this.text)

        this.text = ''
      }
    }
  }
</script>
